<template>
<div>
  <ol>
    <li v-for="(todo, index) in todos" :key="index">{{ todo.text }}</li>
  </ol>
  <div v-on:click="reverseMsg">逆转消息</div>
  <div>{{ masg }}</div>
  <input v-model="inputmsg">
  <div>{{ inputmsg }}</div>
</div>
</template>

<script>
export default {
  data () {
    return {
      todos: [
        {
          text: '语文'
        }, {
          text: '数学'
        }, {
          text: '写代码'
        }
      ],
      masg: '你好上海',
      inputmsg: 'wo是msg'
    }
  },
  methods: {
    reverseMsg () {
      this.masg = this.masg.split('').reverse().join('')
    }
  }
}
</script>

<style lang="less">

</style>
